<div nz-row class="bdDiv">
    <div nz-col [nzSpan]="16" [nzOffset]="4">
        <nz-steps [(nzCurrent)]="current" class="title">
            <nz-step [nzTitle]="'填写账号'"></nz-step>
            <nz-step [nzTitle]="'身份验证'"></nz-step>
            <nz-step [nzTitle]="'设置新密码'"></nz-step>、
            <nz-step [nzTitle]="'完成'"></nz-step>
        </nz-steps>

        <div class="steps-content" nz-row>
            <div *ngIf="current == 0" nz-col [nzSpan]="8" [nzOffset]="8">
                <label for="email" class="label">邮箱</label>
                <nz-input [(ngModel)]="email" [nzSize]="'large'" ng-change=""></nz-input>
                <div class="error" *ngIf="!haveEmail">邮箱不存在!</div>
            </div>
            <div *ngIf="current == 1" nz-col [nzSpan]="8" [nzOffset]="8">
                <label for="code" class="label">验证码</label>
                <nz-input [(ngModel)]="code" [nzSize]="'large'" ng-change=""></nz-input>
                <div class="error" *ngIf="!codeIsRight">验证码不正确!</div>
            </div>
            <div *ngIf="current == 2" nz-col [nzSpan]="8" [nzOffset]="8">
                <label for="code" class="label">请输入新密码</label>
                <nz-input [(ngModel)]="password" [nzType]="'password'" [nzPlaceHolder]="'密码'" [nzSize]="'large'">
                    <ng-template #prefix>
                        <i class="anticon anticon-lock"></i>
                    </ng-template>
                </nz-input>
                <nz-input [(ngModel)]="passwordRep" [nzType]="'password'" style="margin-top: 4px;" [nzPlaceHolder]="'确认密码'" [nzSize]="'large'">
                    <ng-template #prefix>
                        <i class="anticon anticon-lock"></i>
                    </ng-template>
                </nz-input>
                <div class="error" *ngIf="!isRep">两次密码不一致!</div>
            </div>
            <div *ngIf="current == 3" nz-col [nzSpan]="8" [nzOffset]="8">
                <h1 class="success">修改密码成功</h1>
                <h5 class="success">3秒后自动跳转到登陆界面</h5>
            </div>
        </div>
        <div class="steps-action">
            <button nz-button [nzType]="'default'" [nzSize]="'large'" (click)="pre()" *ngIf="current > 0">
                <span>上一步</span>
            </button>
            <button nz-button [nzType]="'default'" [nzSize]="'large'" (click)="validate()" *ngIf="current < 2">
                <span>下一步</span>
            </button>
            <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="validatePassword()" *ngIf="current === 2">
                <span>完成</span>
            </button>
        </div>
    </div>

</div>